<script id="form_searchTemp" type="text/x-kendo-template">
    <div class="card">
        <div class="card-body">
            <form>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">自动完成框本地：</label>
                    <div class="col-lg-6 d-flex align-items-center">
                        <input class="w-100" id="autoCompleteLocal" name="autoCompleteLocal" type="text">
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">自动完成框远程：</label>
                    <div class="col-lg-6 d-flex align-items-center">
                        <input class="w-100" id="autoCompleteRemote" name="autoCompleteRemote" type="text">
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">单选下拉框本地：</label>
                    <div class="col-lg-6 d-flex align-items-center">
                        <select class="w-100" id="dropDownListLocal" name="dropDownListLocal"></select>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">单选下拉框远程：</label>
                    <div class="col-lg-6 d-flex align-items-center">
                        <select class="w-100" id="dropDownListRemote" name="dropDownListRemote"></select>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">输入下拉框本地：</label>
                    <div class="col-lg-6 d-flex align-items-center">
                        <input class="w-100" id="comboBoxLocal" name="comboBoxLocal" type="text">
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">输入下拉框远程：</label>
                    <div class="col-lg-6 d-flex align-items-center">
                        <input class="w-100" id="comboBoxRemote" name="comboBoxRemote" type="text">
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">表格下拉框本地：</label>
                    <div class="col-lg-6 d-flex align-items-center">
                        <input class="w-100" id="multiColumnComboBoxLocal" name="multiColumnComboBoxLocal" type="text">
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">表格下拉框远程：</label>
                    <div class="col-lg-6 d-flex align-items-center">
                        <input class="w-100" id="multiColumnComboBoxRemote" name="multiColumnComboBoxRemote" type="text">
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">多选下拉框本地：</label>
                    <div class="col-lg-6 d-flex align-items-center">
                        <select class="w-100" id="multiSelectLocal" name="multiSelectLocal" multiple></select>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">多选下拉框远程：</label>
                    <div class="col-lg-6 d-flex align-items-center">
                        <select class="w-100" id="multiSelectRemote" name="multiSelectRemote" multiple></select>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形单选下拉框本地：</label>
                    <div class="col-lg-6">
                        <input class="w-100" id="dropDownTreeLocal" name="dropDownTreeLocal" type="text">
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形单选下拉框远程：</label>
                    <div class="col-lg-6">
                        <input class="w-100" id="dropDownTreeRemote" name="dropDownTreeRemote" type="text">
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形多选下拉框本地：</label>
                    <div class="col-lg-6">
                        <select class="w-100" id="multiDropDownTreeLocal" name="multiDropDownTreeLocal" multiple></select>
                    </div>
                </div>
                <div class="form-group row justify-content-lg-center">
                    <label class="col-form-label text-lg-right col-lg-2">树形多选下拉框远程：</label>
                    <div class="col-lg-6">
                        <select class="w-100" id="multiDropDownTreeRemote" name="multiDropDownTreeRemote" multiple></select>
                    </div>
                </div>
            </form>
        </div>
    </div>
</script>